<template>
  <header-bar>
    <slot name="web"></slot>
    <div class="title">
      <slot></slot>
    </div>
    <div slot= "right" class="right-tool">
      <icon value="remove" :size="12" v-on:click="hide"></icon>
      <icon value="close" :size="12" v-on:click="close"></icon>
    </div>
  </header-bar>
</template>

<script>
import { showNav } from '../../vuex/actions'
export default {
  vuex: {
    actions: {
      showNav: showNav
    }
  },
  methods: {
    close: function () {
      this.$RoomManage.winClose()
    },
    hide : function () {
      this.$RoomManage.winHide()
    }
  }
}
</script>

<style lang="css">
  .right-tool{
    margin-top: -35px;
  }
  .right-tool i {
    margin-right: 10px;
    cursor: pointer;
  }
</style>
